<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>Document</title>
    <script src="./js/flexible.js"></script>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.min.css">
</head>

<body>
    <div class="container">
        <!-- 标题区域  -->
        <h1 class="title">享+本地生活</h1>
        <!-- 导航区域 -->
        <div class="nav">
            <a href="#" class="item">
                <img src="./images/在线报修@1x.png" alt="">
                <span>我的房屋</span>
            </a>
            <a href="#" class="item">
                <img src="./images/在线报修@1x.png" alt="">
                <span>我的房屋</span>
            </a>
            <a href="#" class="item">
                <img src="./images/在线报修@1x.png" alt="">
                <span>我的房屋</span>
            </a>
        </div>
        <!-- 公告区域 -->
        <div class="info">
            <!-- banner区域 -->
            <div class="banner">
                <img src="./images/banner@1x.png" alt="">
            </div>
            <div class="biaoti">
                <img src="./images/社区公告@1x.png" alt="">
                社区<span>公告</span>
            </div>
            <div class="item">
                <h3>药品喷洒通知</h3>
                <div class="content">
                    社区定于8月3日中午喷洒灭蚊药，提醒大家看管好小孩及宠物，不要到草坪中玩耍，以免造成不必要的危害。
                </div>
                <p>2022-08-03 16:00</p>
            </div>
            <div class="item">
                <h3>药品喷洒通知</h3>
                <div class="content">
                    社区定于8月3日中午喷洒灭蚊药，提醒大家看管好小孩及宠物，不要到草坪中玩耍，以免造成不必要的危害。
                </div>
                <p>2022-08-03 16:00</p>
            </div>
        </div>

        <div class="bottom">
            <a class="item home" href="#" class="active">
                <div class="icon"></div>
                <span>首页</span>
            </a>
            <a class="item my" href="#">
                <div class="icon"></div>
                <span>我的</span>
            </a>
        </div>
    </div>
</body>

</html>